<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/public.css">
    <meta charset="UTF-8">
    <title>流程审批</title>
    <style>
        .box{
            width:50%;
            min-height:50px;
            text-align: center;
            position: relative;
        }
        .container{
            background:rgb(46,182,185);
            padding:6% 0 8%;
            position: relative;
        }
        .itembox{
            position: relative;
        }
        .item{
            z-index:-1;
            border-right:1px solid rgb(233,233,233);
            border-bottom:1px solid rgb(233,233,244);
            position: absolute;
        }
        .pic1{
            width:40%;
            margin:0 auto;
            display: block;
        }
        /*.pic1:before{
            content: "1";
            width:12px;
            height: 12px;
            background: #f00;
            border-radius: 50%;
            position: absolute;
            right:12px;
            top:12px;
        }*/
        .text1{
            font-size:14px;
            color:#fff;
        }
        .pic2{
            width:60%;
            display:block;
            margin:0 auto;
            padding-top:12%;
        }
        .text2{
            line-height: 20px;
            font-size: 14px;
            text-align: center;
        }
        .pic2:last-child{
            padding-top: 20%;
        }
        h1{
            color:#fff;
        }
        .tleheader{
            background: rgb(46,182,185);
            border:none;
        }
        .fs12{
            font-size:12px;
            line-height:12px;
        }
        .pdy4{
            margin:10px 0;
        }
        .itembox2{
            position: relative;
            width:20%;
        }
        .fb{
            padding:2px 0;
        }
        .itembox2 .picb{
            width:40%;
            display:block;
            margin:0 auto;
            padding-top:6%;
        }
        .textb{
            font-size: 8px;
        }
        .xm{
            border:none;
            outline: none;
            background: rgb(45,181,185)
        }

    </style>
</head>
<body>
<header class="tleheader">
    <p class="backbtn">
        <img src="../icon/zsjnztb.PNG" class="backpic" alt="">
    </p>
    <h1 class="tc">
        <select class="xm cw fs16">
            <option>云顶国际系统改造</option>
        </select>
    </h1>
    <p class="somebtn">
        <img src="../xiangmuquan/button+.PNG" class="backpic" alt="">
    </p>
</header>
<div class="container" style="padding:1px 0;">
    <p class="tc fs12 pdy4">2016.0102-2016.0108-2016.02.9</p>
    <div class="pdy4" style="height:12px;width:75%;margin:10px auto;line-height:12px;border-radius:6px;background:rgb(244,244,244);border:1px solid rgb(233,233,233);">
        <div class="fs12 tc" style="height:12px;width:60%;line-height:12px;border-radius:6px;background:rgb(255,102,0);">30/50天</div>
    </div>
</div>
<div>
    <a href="xmq-gsgg1/lsgg.html">
        <div class="itembox fl">
            <div class="item">
                <img src="../xiangmuquan/button1.PNG" class="pic2" alt="">
                <p class="text2">项目公告</p>
            </div>
        </div>
    </a>
    <a href="xmq-lcsp2/gzq2.html">
        <div class="itembox fl">
            <div class="item">
                <img src="../xiangmuquan/button2.PNG" class="pic2" alt="">
                <p class="text2">流程审批</p>
            </div>
        </div>
    </a>
    <a href="xmq-xmrl-3/gzrl-1.html">
        <div class="itembox fl">
            <div class="item">
                <img src="../xiangmuquan/button3.PNG" class="pic2" alt="">
                <p class="text2">项目日历</p>
            </div>
        </div>
    </a>
    <a href="xmq-xmsk-4/xmsk-cw1.html">
        <div class="itembox fl">
            <div class="item">
                <img src="../xiangmuquan/button4.PNG" class="pic2" alt="">
                <p class="text2">项目收款</p>
            </div>
        </div>
    </a>
    <a href="xmq-gxrb-5/gxrlb.html">
        <div class="itembox fl">
            <div class="item">
                <img src="../xiangmuquan/button5.PNG" class="pic2" alt="">
                <p class="text2">关系人</p>
            </div>
        </div>
    </a>
    <a href="xmq-xmgy-6/xmgy.html">
        <div class="itembox fl">
            <div class="item">
                <img src="../xiangmuquan/button6.PNG" class="pic2" alt="">
                <p class="text2">项目概要</p>
            </div>
        </div>
    </a>
    <a href="xmq-xmxj-7/xmxj.html">
        <div class="itembox fl">
            <div class="item">
                <img src="../xiangmuquan/button7.PNG" class="pic2" alt="">
                <p class="text2">项目巡检</p>
            </div>
        </div>
    </a>
    <a href="xmq-xmy-8/xky-wdwj-6.html">
        <div class="itembox fl">
            <div class="item">
                <img src="../xiangmuquan/button8.PNG" class="pic2" alt="">
                <p class="text2">项目云</p>
            </div>
        </div>
    </a>
    <a href="xmq-xmtxl-9/txl.html">
        <div class="itembox fl">
            <div class="item">
                <img src="../xiangmuquan/button9.PNG" class="pic2" alt="">
                <p class="text2">项目通讯录</p>
            </div>
        </div>
    </a>
        <div class="itembox fl">
            <div class="item">
                <img src="../xiangmuquan/button10.PNG" class="pic2" alt="">
            </div>
        </div>
    <div class="clear"></div>
</div>

<div class="fb">
    <a href="../gzqsy.html">
        <div class="itembox2 fl">
            <div class="item1">
                <img src="../renmaiquan/gzq-hs.PNG" class="picb" alt="">
                <p class="textb cg">工作圈</p>
            </div>
        </div>
    </a>
    <a href="../rmq/rmq.html">
        <div class="itembox2 fl">
            <div class="item1">
                <img src="../renmaiquan/rmq-hs.PNG" class="picb" alt="">
                <p class="textb cg">人脉圈</p>
            </div>
        </div>
    </a>
    <a>
        <div class="itembox2 fl">
            <div class="item1">
                <img src="../renmaiquan/xmq-ls.PNG" class="picb" alt="">
                <p class="textb cb">项目圈</p>
            </div>
        </div>
    </a>
    <a href="http://app.15kong.com/app/cooperation/index">
        <div class="itembox2 fl">
            <div class="item1">
                <img src="../renmaiquan/wxq-hs.PNG" class="picb" alt="">
                <p class="textb cg">外协圈</p>
            </div>
        </div>
    </a>
    <a href="http://app.15kong.com/app/home">
        <div class="itembox2 fl">
            <div class="item1">
                <img src="../renmaiquan/wd-hs.PNG" class="picb" alt="">
                <p class="textb cg">我的</p>
            </div>
        </div>
    </a>
    <div class="clear"></div>
</div>
<script>
    var sw = document.body.offsetWidth;
    var items = document.getElementsByClassName("itembox");
    var item = document.getElementsByClassName("item");
    for(var i = 0; i < items.length; i++){
        items[i].style.width = sw/4 + "px";
        items[i].style.height = sw/4 + "px";
        item[i].style.width = sw/4 + "px";
        item[i].style.height = sw/4 + "px";
        if((i+1)%4==0){
            item[i].style.borderRight = "none";
        }
    }
</script>
</body>
</html>